<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no,minimum-scale=1.0"/>
    <link href="../static/css/common.css" rel="stylesheet"/>
    <link href="../static/css/audit.css" rel="stylesheet"/>
    <link href="../static/css/applied.css" rel="stylesheet"/>
    <script src="../static/js/jquery-2.1.0.js"></script>
    <script src="../static/js/jquery.leanModal.min.js"></script>
    <script src="../static/js/admin.js"></script>
    <script src="../static/js/mobiscroll_002.js" type="text/javascript"></script>
    <script src="../static/js/mobiscroll_004.js" type="text/javascript"></script>
    <link href="../static/css/mobiscroll_002.css" rel="stylesheet" type="text/css">
    <link href="../static/css/mobiscroll.css" rel="stylesheet" type="text/css">
    <script src="../static/js/mobiscroll.js" type="text/javascript"></script>
    <script src="../static/js/mobiscroll_003.js" type="text/javascript"></script>
    <script src="../static/js/mobiscroll_005.js" type="text/javascript"></script>
    <link href="../static/css/mobiscroll_003.css" rel="stylesheet" type="text/css">

    <title>批假页面</title>
</head>
<body>

<div class="aud-body">
    <img src="../static/img/bg1.png" class="bg" style="position: fixed"/>
    <div class="navbar">
        <a href="#login_modal" id="login" class="">管理员登录</a>
        <span class="query" id="normal_query" >待审核列表</span>
        <a href="#date_query_modal" id="date_query_href" ><span class="query" id="date_query">历史记录</span></a>
    </div>
    <div>
        <ul class="aud-page" id="list">
            <!--<li>-->
            <!--<div class="page">-->
            <!--<div class="page-left"></div>-->
            <!--<div class="page-row page-us">-->
            <!--<span >user</span>-->
            <!--<span class="sm-text">15130110055</span>-->
            <!--</div>-->
            <!--<div class="page-row">-->
            <!--<span>2016-12-29 21:00</span>-->
            <!--<span>至</span>-->
            <!--<span>2016-12-30 06:00</span>-->
            <!--</div>-->
            <!--<div class="page-row">-->
            <!--<span>我要去见女朋友</span>-->
            <!--<span class="pos-right">小寨</span>-->
            <!--</div>-->
            <!--<div class="page-bottom1">-->
            <!--<span class="sm-text">学院意见</span>-->
            <!--<input class="audtext" type="text" id="sclSgt" required/>-->
            <!--</div>-->
            <!--<div class="page-bottom2">-->
            <!--<span class="sm-text">导员意见</span>-->
            <!--<input class="audtext" type="text" id="dctSgt" required/>-->
            <!--</div>-->
            <!--<div class="page-right">-->
            <!--<div>-->
            <!--<span class="sm-text">学生电话</span>-->
            <!--<span class="sm-text sm-tel">12345678901</span>-->
            <!--</div>-->
            <!--<div>-->
            <!--<span class="sm-text">家长电话</span>-->
            <!--<span class="sm-text sm-tel">12345678901</span>-->
            <!--</div>-->
            <!--<div class="btn-group">-->
            <!--<button class="adm-btn1 sayNo" >驳回</button>-->
            <!--<button class="adm-btn2 sayYes" >同意</button>-->
            <!--<p class="demand_id" hidden>123</p>-->
            <!--<p id="state" hidden >hello</p>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
    <div class="back" style="position: fixed;top: 15%;right: 0%;border: solid 1px #000;background: #ff9b31;"><span
            style="margin-top: 20%;color: #000;top: 10%;padding: 10px;">后退</span></div>
    <script>
        $('.back').on('tap click', function () {
            window.history.go(-1);
        })
    </script>

</div>
<div id="login_modal" class="login_modal" hidden>
    <span id="close">X</span>
    <p class="hello">请假条管理员登录入口</p>
    <div class="yzy_login">
        <span class="admText1">管理员账户</span>
        <input class="audIn1" type="text" id="adminId" required/>
        <span class="admText2">密码</span>
        <input class="audIn2" type="password" id="adminPwd" required/>
        <p id="mention"></p>
        <button class="aud-btn" id="start">登录</button>
    </div>
</div>
<div id="date_query_modal" class="login_modal" hidden>
    <span class="close">X</span>
    <span class="admText1">开始时间</span>
    <input class="audIn1 appDateTime" type="text" id="start-time" required value=""/>
    <span class="admText2" id="stop_text">结束时间</span>
    <input class="audIn2 appDateTime" type="text" id="stop-time" required value=""/>
    <span class="num">最大数量</span>
    <input class="audIn2 addDateTime" type="number" id="query_num" oninput="if(value.length>3)value=value.slice(0,3)"
           value="0" required/>
    <p class="mention" id="date_query_mention"></p>
    <button class="aud-btn" id="start_query">开始查询</button>
</div>
<script src="../static/js/chooseDate.js"></script>
</body>
</html>
